<!-- .aside -->
<aside class="dk nav-xs aside hidden-print bg-dark" id="nav">
    <section class="vbox">
        <section class="w-f-md scrollable">
            <div class="slim-scroll" data-height="auto" data-disable-fade-out="true" data-distance="0"
                 data-size="10px" data-railOpacity="0.2">

                <!-- nav -->
                <nav class="nav-primary hidden-xs">
                    <ul class="nav bg clearfix">
                        <!--<li class="hidden-nav-xs padder m-t m-b-sm text-xs text-muted">-->
                            <!--Discover-->
                        <!--</li>-->
                        <li>
                            <!--<a href="{:url('index/index')}">-->
                            <a onclick="changeColorLayout(0)">
                                <i class="icon-disc icon text-success"></i>
                                <span class="font-bold">首页</span>
                            </a>
                        </li>
                        <li>
                            <!--<a href="{:url('genres/index')}">-->
                            <a onclick="changeColorLayout(1)">
                                <i class="icon-music-tone-alt icon text-info"></i>
                                <span class="font-bold">派别</span>
                            </a>
                        </li>
                        <li>
                            <!--<a href="{:url('lists/index')}">-->
                            <a onclick="changeColorLayout(2)">
                                <i class="icon-music-tone icon  text-info-dker"></i>
                                <span class="font-bold">歌手</span>
                            </a>
                        </li>
                        <li>
                            <!--<a href="{:url('lists/index')}">-->
                            <a onclick="changeColorLayout(3)">
                                <i class="icon-list icon  text-info-dker"></i>
                                <span class="font-bold">播放列表</span>
                            </a>
                        </li>

                        <!--<li>-->
                            <!--&lt;!&ndash;<a href="{:url('video/index')}" data-target="#content" data-el="#bjax-el"&ndash;&gt;-->
                            <!--<a onclick="changeColorLayout(4)" data-target="#content" data-el="#bjax-el"-->
                               <!--data-replace="true">-->
                                <!--<i class="icon-social-youtube icon  text-primary"></i>-->
                                <!--<span class="font-bold">MV</span>-->
                            <!--</a>-->
                        <!--</li>-->
                        <li class="m-b hidden-nav-xs"></li>
                    </ul>

                    <ul id="SlidePlayList" class="nav text-sm">

                    </ul>
                </nav>
                <!-- / nav -->
            </div>
        </section>


    </section>
</aside>
<!-- /.aside -->